<ion-view view-title="{{title}}" cache-view="false" hide-back-button="false" ng-init="init()">
  <ion-content> 
    <section class="g_main">
      <!-- 对话聊天内容 -->
      <ion-scroll style="height:{{scorllHeight}}px" delegate-handle="chatscroll">
      <section class="chat_content">
        <ion-refresher on-refresh="__loadRomoteList()"  pulling-text="下拉获取历史记录"   refreshing-text="加载中...." refreshing-icon="ion-loading-b">  </ion-refresher>  
        <ul>
          <!--li class="date"><em>15:25</em></li-->
          <li ng-repeat="item in chatList" ng-class="(item.speakerid === userInfo.member_id)?'myself':''">
              <img ng-src="{{(item.speakerid === userInfo.member_id)?(userInfo.photo_url||'img/zzz_header.jpg'):(photo_url||'img/zzz_header.jpg')}}" alt="">
              <p class="data-content" data-ng-bind-html="item.content"></p>
          </li>                 
        </ul>
      </section>
      </ion-scroll>      
    </section>    
  </ion-content> 
  <div class="layui-layim-face layui-layer-content"  ng-show="isShowFace">
      <ul class="layui-clear layim-face-list">
       <li title="[微笑]"><img src="img/gif/0.gif"  ng-click="iconClick(0)" /></li>
       <li title="[嘻嘻]"><img src="img/gif/1.gif"  ng-click="iconClick(1)" /></li>
       <li title="[哈哈]"><img src="img/gif/2.gif"  ng-click="iconClick(2)" /></li>
       <li title="[可爱]"><img src="img/gif/3.gif"  ng-click="iconClick(3)" /></li>
       <li title="[可怜]"><img src="img/gif/4.gif"  ng-click="iconClick(4)" /></li>
       <li title="[挖鼻]"><img src="img/gif/5.gif"  ng-click="iconClick(5)" /></li>
       <li title="[吃惊]"><img src="img/gif/6.gif"  ng-click="iconClick(6)" /></li>
       <li title="[害羞]"><img src="img/gif/7.gif"  ng-click="iconClick(7)" /></li>
       <li title="[挤眼]"><img src="img/gif/8.gif"  ng-click="iconClick(8)" /></li>
       <li title="[闭嘴]"><img src="img/gif/9.gif"  ng-click="iconClick(9)" /></li>
       <li title="[鄙视]"><img src="img/gif/10.gif"  ng-click="iconClick(10)" /></li>
       <li title="[爱你]"><img src="img/gif/11.gif"  ng-click="iconClick(11)" /></li>
       <li title="[泪]"><img src="img/gif/12.gif"  ng-click="iconClick(12)" /></li>
       <li title="[偷笑]"><img src="img/gif/13.gif"  ng-click="iconClick(13)" /></li>
       <li title="[亲亲]"><img src="img/gif/14.gif"  ng-click="iconClick(14)" /></li>
       <li title="[生病]"><img src="img/gif/15.gif"  ng-click="iconClick(15)" /></li>
       <li title="[太开心]"><img src="img/gif/16.gif"  ng-click="iconClick(16)" /></li>
       <li title="[白眼]"><img src="img/gif/17.gif"  ng-click="iconClick(17)" /></li>
       <li title="[右哼哼]"><img src="img/gif/18.gif"  ng-click="iconClick(18)" /></li>
       <li title="[左哼哼]"><img src="img/gif/19.gif"  ng-click="iconClick(19)" /></li>
       <li title="[嘘]"><img src="img/gif/20.gif"  ng-click="iconClick(20)" /></li>
       <li title="[衰]"><img src="img/gif/21.gif"  ng-click="iconClick(21)" /></li>
       <li title="[委屈]"><img src="img/gif/22.gif"  ng-click="iconClick(22)" /></li>
       <li title="[吐]"><img src="img/gif/23.gif"  ng-click="iconClick(23)" /></li>
       <li title="[哈欠]"><img src="img/gif/24.gif"  ng-click="iconClick(24)" /></li>
       <li title="[抱抱]"><img src="img/gif/25.gif"  ng-click="iconClick(25)" /></li>
       <li title="[怒]"><img src="img/gif/26.gif"  ng-click="iconClick(26)" /></li>
       <li title="[疑问]"><img src="img/gif/27.gif"  ng-click="iconClick(27)" /></li>
       <li title="[馋嘴]"><img src="img/gif/28.gif"  ng-click="iconClick(28)" /></li>
       <li title="[拜拜]"><img src="img/gif/29.gif"  ng-click="iconClick(29)" /></li>
       <li title="[思考]"><img src="img/gif/30.gif"  ng-click="iconClick(30)" /></li>
       <li title="[汗]"><img src="img/gif/31.gif"  ng-click="iconClick(31)" /></li>
       <li title="[困]"><img src="img/gif/32.gif"  ng-click="iconClick(32)" /></li>
       <li title="[睡]"><img src="img/gif/33.gif"  ng-click="iconClick(33)" /></li>
       <li title="[钱]"><img src="img/gif/34.gif"  ng-click="iconClick(34)" /></li>
       <li title="[失望]"><img src="img/gif/35.gif"  ng-click="iconClick(35)" /></li>
       <li title="[酷]"><img src="img/gif/36.gif"  ng-click="iconClick(36)" /></li>
       <li title="[色]"><img src="img/gif/37.gif"  ng-click="iconClick(37)" /></li>
       <li title="[哼]"><img src="img/gif/38.gif"  ng-click="iconClick(38)" /></li>
       <li title="[鼓掌]"><img src="img/gif/39.gif"  ng-click="iconClick(39)" /></li>
       <li title="[晕]"><img src="img/gif/40.gif"  ng-click="iconClick(40)" /></li>
       <li title="[悲伤]"><img src="img/gif/41.gif"  ng-click="iconClick(41)" /></li>
       <li title="[抓狂]"><img src="img/gif/42.gif"  ng-click="iconClick(42)" /></li>
       <li title="[黑线]"><img src="img/gif/43.gif"  ng-click="iconClick(43)" /></li>
       <li title="[阴险]"><img src="img/gif/44.gif"  ng-click="iconClick(44)" /></li>
       <li title="[怒骂]"><img src="img/gif/45.gif"  ng-click="iconClick(45)" /></li>
       <li title="[互粉]"><img src="img/gif/46.gif"  ng-click="iconClick(46)" /></li>
       <li title="[心]"><img src="img/gif/47.gif"  ng-click="iconClick(47)" /></li>
       <li title="[伤心]"><img src="img/gif/48.gif"  ng-click="iconClick(48)" /></li>
       <li title="[猪头]"><img src="img/gif/49.gif"  ng-click="iconClick(49)" /></li>
       <li title="[熊猫]"><img src="img/gif/50.gif"  ng-click="iconClick(50)" /></li>
       <li title="[兔子]"><img src="img/gif/51.gif"  ng-click="iconClick(51)" /></li>
       <li title="[ok]"><img src="img/gif/52.gif"  ng-click="iconClick(52)" /></li>
       <li title="[耶]"><img src="img/gif/53.gif"  ng-click="iconClick(53)" /></li>
       <li title="[good]"><img src="img/gif/54.gif"  ng-click="iconClick(54)" /></li>
       <li title="[NO]"><img src="img/gif/55.gif"  ng-click="iconClick(55)" /></li>
       <li title="[赞]"><img src="img/gif/56.gif"  ng-click="iconClick(56)" /></li>
       <li title="[来]"><img src="img/gif/57.gif"  ng-click="iconClick(57)" /></li>
       <li title="[弱]"><img src="img/gif/58.gif"  ng-click="iconClick(58)" /></li>
       <li title="[草泥马]"><img src="img/gif/59.gif"  ng-click="iconClick(59)" /></li>
       <li title="[神马]"><img src="img/gif/60.gif"  ng-click="iconClick(60)" /></li>
       <li title="[囧]"><img src="img/gif/61.gif"  ng-click="iconClick(61)" /></li>
       <li title="[浮云]"><img src="img/gif/62.gif"  ng-click="iconClick(62)" /></li>
       <li title="[给力]"><img src="img/gif/63.gif"  ng-click="iconClick(64)" /></li>
       <li title="[围观]"><img src="img/gif/64.gif"  ng-click="iconClick(64)" /></li>
       <li title="[威武]"><img src="img/gif/65.gif"  ng-click="iconClick(65)" /></li>
       <li title="[奥特曼]"><img src="img/gif/66.gif"  ng-click="iconClick(66)" /></li>
       <li title="[礼物]"><img src="img/gif/67.gif"  ng-click="iconClick(67)" /></li>
       <li title="[钟]"><img src="img/gif/68.gif"  ng-click="iconClick(68)" /></li>
       <li title="[话筒]"><img src="img/gif/69.gif"  ng-click="iconClick(69)" /></li>
       <li title="[蜡烛]"><img src="img/gif/70.gif"  ng-click="iconClick(70)" /></li>
       <li title="[蛋糕]"><img src="img/gif/71.gif"  ng-click="iconClick(71)" /></li>
  </ul>
    </div>
    <div class="layui-mic" ng-show="isShowMic">
       <ul class="layui-clear layim-face-list">
         <li title="开始录音"><button class="button"  ng-disabled="!isPause" ng-click="record()"><i class="ion-play"></i></button> </li>
         <li title="暂停"><button class="button" ng-disabled="isPause"  ng-click="pause()"><i class="ion-pause"></i></button></li>
     </ul>
    </div>
  <ion-footer-bar class="input_area" keyboard-attach>

    <div class="width100">
        <div class="block icons">
        <ul>
          <li class="ion-happy-outline" ng-click="showFace()"></li>
          <li class="ion-ios-mic-outline"  ng-click="showMic()" style="display:none"></li>
        </ul>
        
      </div>
      <div class="block">
        <textarea type="text" style="width:85%;float:left;resize:none;height:60px;padding-top: 5px;" rows=2 ng-model="data.content" focus-me="keepfocus" ng-click="hidePopup()"></textarea>
        <button style="height:32px;overflow:hidden;text-align:center;background-color:#6fdc48;color:#fff;border-radius:5px;float:right;width:13%" ng-click="send()">发送</button>
      </div>
    </div>
  </ion-footer-bar>
</ion-view>

